<template>
  <div class="service-view">
    <div class="service-detail content">
      <h2 class="main-title">综合出版</h2>
      <div class="detail-context">
        <div class="main-section">
          <img class="fr" v-lazy="isMobile ? require('../assets/img_mobile/zhcb_pro_01.png') : require('../assets/img/zhcb_pro_01.png')">
          <p>天星教育长期关注青少年素质教育与儿童阅读成长，构建了以青少年期刊、中小学读写拓展、少儿读物为主要领域的综合出版格局。</p>
          <p>《疯狂阅读》杂志秉承激情专注之精神，怀抱出类拔萃之信念，长期执着于青少年读写拓展研究，形成了《疯狂阅读》《疯狂作文》《最美文》《素材控》《英语时空》《青春风》在内的青少年期刊群。</p>
          <p>中小学阅读拓展领域现有语文拓展阅读、课外综合阅读、科普阅读、英语阅读、作文辅导等图书系列，可有效帮助青少年读者扩大知识视野、提高读写能力、积淀人文素养。</p>
          <p>少儿读物出版领域以国外优秀绘本引进为主，同时积极开发原创优秀读物，力争为中国少年儿童提供有益、有趣、独特的阅读内容和体验。</p>
        </div>

        <div class="pro-list-section" id="fkyd">
          <div class="pro-cover">
            <img v-lazy="isMobile ? require('../assets/img_mobile/zhcb_pro_03.png') : require('../assets/img/zhcb_pro_03.png')">
          </div>
          <div class="pro-desc">
            <h3>《疯狂阅读  英语时空》 <small class="text-muted">品异域风情，学地道英语！</small></h3>
            <p>内容特色：时尚、地道、丰富、好用。<br>
              核心版块：环球、光影、风尚、美文、潮玩、酷学、乐读、英派。
              <br><a href="http://www.tesoon.com/read/" class="text-primary" target="_blank">了解更多&gt;</a></p>
          </div>
        </div>

        <div class="pro-list-section" id="fkzw">
          <div class="pro-cover">
            <img v-lazy="isMobile ? require('../assets/img_mobile/zhcb_pro_02.png') : require('../assets/img/zhcb_pro_02.png')">
          </div>
          <div class="pro-desc">
            <h3>《疯狂作文》（初中版、高考版）</h3>
            <p>第1辑 （中）高考作文启示录<br>
              第2辑 初中作文优材大会-破解高考任务驱动型作文<br>
              第3辑  （中）高考作文速用模板<br>
              第4辑  年度热词时文盘点<br>
              第5辑  名校金题速递<br>
              第6辑  必考主题通关
              <br><a href="http://www.tesoon.com/read/" class="text-primary" target="_blank">了解更多&gt;</a>
            </p>
          </div>
        </div>

        <!--<div class="pro-list-section" id="wyd">-->
          <!--<div class="pro-cover">-->
            <!--<img src="../assets/img/zhcb_pro_04.png">-->
          <!--</div>-->
          <!--<div class="pro-desc">-->
            <!--<h3>微悦读书系列</h3>-->
            <!--<p>桌斗伙伴、枕边书，可作素材、可以爆笑、可以思考。</p>-->
          <!--</div>-->
        <!--</div>-->

        <!--<div class="pro-list-section" id="gllsk">-->
          <!--<div class="pro-cover">-->
            <!--<img src="../assets/img/zhcb_pro_05.png">-->
          <!--</div>-->
          <!--<div class="pro-desc">-->
            <!--<h3>《鬼脸历史课》</h3>-->
            <!--<p>国内首部小说化教辅，可以用来考试的课外书！</p>-->
          <!--</div>-->
        <!--</div>-->

        <!--<div class="pro-list-section" id="zwtj">-->
          <!--<div class="pro-cover">-->
            <!--<img src="../assets/img/zhcb_pro_06.png">-->
          <!--</div>-->
          <!--<div class="pro-desc">-->
            <!--<h3>作文中高考特辑</h3>-->
            <!--<p>三位一体，中高考写作完全解决方案。</p>-->
          <!--</div>-->
        <!--</div>-->

        <!--<div class="pro-list-section" id="yzsc">-->
          <!--<div class="pro-cover">-->
            <!--<img src="../assets/img/zhcb_pro_07.png">-->
          <!--</div>-->
          <!--<div class="pro-desc">-->
            <!--<h3>赢在素材</h3>-->
            <!--<p>素材解读3.0开创者，攒材、析材、用材，一站解决！</p>-->
          <!--</div>-->
        <!--</div>-->

        <div class="pro-list-section" id="qqjx">
          <div class="pro-cover">
            <img v-lazy="isMobile ? require('../assets/img_mobile/zhcb_pro_08.png') : require('../assets/img/zhcb_pro_08.png')">
          </div>
          <div class="pro-desc">
            <h3>天星童书系列——《我的小影子》</h3>
            <p>适读年龄：2-6岁<br>
              内容简介：<br>
              本书是畅销经典名著《金银岛》作者——英国文坛巨匠罗伯特·路易斯·史蒂文森的经典儿童作品。<br>
              在孩子的眼里，影子是什么样子呢？有时候影子是一个吓得猫咪跳起的大怪物：有时候，影子像一个迅速蹿高的大皮球：有时候影子是一个怕黑的胆小鬼：有时候，影子像一个淘气的大懒虫…… 清新温暖的复古画风，带着律动的诗话语言，天马行空的想象力……<br>
              本书可以引导孩子用探求的眼光发现影子的千变万化，发现生活中的细节，训练孩子的观察能力。<br>
              书中关于光影变化的知识，有助于孩子科学素养的启蒙。
              <br><a href="http://children.tesoon.com/" class="text-primary" target="_blank">了解更多&gt;</a></p>
          </div>
        </div>

        <!--<div class="pro-list-section" id="bhxxl">-->
          <!--<div class="pro-cover">-->
            <!--<img src="../assets/img/zhcb_pro_09.png">-->
          <!--</div>-->
          <!--<div class="pro-desc">-->
            <!--<h3>保护想象力系列——《去上学的路上》</h3>-->
            <!--<p>适读年龄：2-6岁<br>-->
              <!--内容简介：<br>-->
              <!--莉薇已经学会很多东西了，她不像去上学。所以在去上学的路上她一直磨蹭个不停。她一会幻想自己是一个海盗船长，哼！谁把战利品藏起来了？一会幻想自己是一只袋鼠，蹦蹦跳跳往前走：一会又变身为一位电影明星，在镜头前摆姿势... ...可是，莉薇就是不想去上学。不过等莉薇到了学校之后，开始读绘本、学算术、上体育课... ...她度过了非常愉快的一天！<br>-->
              <!--编辑推荐：<br>-->
              <!--美国儿童图书委员会年度好书<br>-->
              <!--美国班克街教育学院年度好书<br>-->
              <!--美国儿童俱乐部推荐童书<br>-->
              <!--《纽约时报书评》书架选择奖<br>-->
              <!--《哈利·波特》原出版社Bloomsbury畅销本<br>-->
              <!--著名作家、翻译家、阅读推广人彭懿倾情翻译、推荐<br>-->
              <!--孙莉莉、彭懿、粲然、柚子爸、《出版者周刊》、《学校图书馆期刊》、《科克斯书评》等一致好评-->
            <!--</p>-->
          <!--</div>-->
        <!--</div>-->
      </div>
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
  export default {
    name: 'ServiceZhcb',
    computed: {
      isMobile () {
        return this.$store.state.isMobile
      }
    }
  }
</script>
<style lang="less" scoped>
  @import "../assets/css/_mixins-wln.less";

  .service-detail {
    padding-top: 30px;
    padding-bottom: 80px;
    .main-title {
      font-size: 24px;
      line-height: 1.5;
      &:after {
        content: '';
        float: left;
        display: inline-block;
        margin-top: 0.25em;
        border-left: 4px solid @primary;
        margin-right: 0.3em;
        height: 1em;
      }
    }
    .main-info {
      font-size: 14px;
      color: #9fa5ac;
      padding-left: 13px;
      margin-top: 5px;
    }
    .detail-context {
      font-size: 14px;
      line-height: 2;
      .main-section {
        margin-top: 10px;
        color: @black-color;
        padding-bottom: 40px;
        border-bottom: 1px solid #eee;
        p{
          text-indent:2em;
        }
      }
      .pro-list-section {
        display: flex;
        padding-top: 40px;
        padding-bottom: 40px;
        border-bottom: 1px solid #eee;
        overflow: hidden;
        .pro-cover {
          flex:0 0 auto;
          float: left;
          width: 165px;

          img {
            max-width: 100%;
            max-height: 100%;
          }
        }
        .pro-desc {
          h3 {
            font-size: 18px;
            small{
              font-size:14px;
              color: #999;
              font-weight:400;
            }
          }
          p {
            font-size: 14px;
            color: @black-color;
          }
        }
      }
      p {
        margin-bottom: 1.1em;
      }
      img {
        max-width: 100%;
      }
    }
  }

  @media screen and (max-width: 767px) {
    .service-detail {
      .detail-context {
        line-height: 1.5;
        .main-section {
          img{
            float: none;
            display: block;
            margin:0 auto;
            max-width: 100%;
          }
        }
        .pro-list-section {
          .pro-cover {
            width: 100px;
            padding-right: 12px;
          }
        }
      }
    }
  }
</style>
